extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          .form-group
            label.marginR10 订单编号&emsp;
              input.form-control.form-width120(name="orderNo" placeholder="请输入订单编号")
          .form-group
            label.marginR10 下单人&emsp;
              input.form-control.form-width120(name="placingUserPhone" placeholder="请输入下单人")
          .form-group
            label.marginR10 车牌号&emsp;
              input.form-control.form-width120(name="autoNo" placeholder="请输入车牌号")
          .form-group
            label.marginR10 司机电话&emsp;
              input.form-control.form-width120(name="driverPhone" placeholder="请输入司机电话")
          //- .form-group
          //-   label.marginR10 创建时间
          //-     input.form-control.form-width200#created-time(placeholder="请选择时间范围" readonly)
          //-     input(type="hidden" name="startDate")
          //-     input(type="hidden" name="endDate")
    .com-op.marginT10
      button.btn.btn-default.marginR10#search-btn(type="button")
        i.fa.fa-search
        span 搜索
      button.btn.btn-default.marginR10#btn-text(type="button")
        //- i.fa.fa-?
        span 短信催款
      button.btn.btn-default.marginR10#btn-account(type="button")
        //- i.fa.fa-？
        span 调帐
      button.btn.btn-default.marginR10#btn-export(type="button")
        //- i.fa.fa-?
        span 导出
      button.btn.btn-default.marginR10#btn-textSetting(type="button")
        //- i.fa.fa-?
        span 自动催款设置

    .content-body.marginT10#table-box
      table.table#table-unpaid
      #pager-unpaid

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.extend.js")

block self_js
  script(src="../../js/module/order/unpaid.js")

block layer

  //- 查看
  .layer-box#layer-unpaid-view
    +unpaidForm-view

  //- 调账
  .layer-box#layer-unpaid-account
    form#form-unpaid-account
      +unpaidForm-view

  //- 自动催款设置
  .layer-box#layer-unpaid-textSetting
    +textSettingForm

    .text-center.marginB10
      button.btn.btn-primary.marginR10#driver-save(type="button")
        i.fa.fa-save
        span 确认设置


//- 订单详情表单
mixin unpaidForm-view
  .d-header
      | 订单编号：
      span(data-clientId) 68765653770
      | 订单状态：
      span(data-clientStatus) 价格复核中

  .d-title
    span 基础信息

  .d-content.padding20
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 订单编号：
        .form-container
          input.form-control(name="orderNo", disabled)
      .col-xs-4
        .form-text 操作时间：
        .form-container
          input.form-control(name="depTime", disabled)
      .col-xs-4
        .form-text 订单状态：
        .form-container
          select.form-control(name="orderState", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 下单人：
        .form-container
          input.form-control(name="placingUserPhone", disabled)
      .col-xs-4
        .form-text 上车地点：
        .form-container
          input.form-control(name="planOrig", disabled)
      .col-xs-4
        .form-text 下车地点：
        .form-container
          input.form-control(name="planDest", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 服务类型：
        .form-container
          select.form-control(name="orderType", disabled)
      .col-xs-4
        .form-text 车辆类型：
        .form-container
          select.form-control(name="bookModel", disabled)
      .col-xs-4
        .form-text 预估价：
        .form-container
          input.form-control(name="planPrice", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 调价类型：
        .form-container
          select.form-control(name="adjustType", disabled)
            option(value="") 请选择
            option(value="1") 采用预估价
            option(value="2") 协商后价格
            option(value="3") 其他价格
      .col-xs-4
        .form-text 应付(元)：
        .form-container
          input.form-control(name="factFinalPrice", disabled)
      .col-xs-4
        .form-text 订单来源：
        .form-container
          select.form-control(name="orderChannel", disabled)
      //- .col-xs-4
      //-   .form-text 行车轨迹：
      //-   .form-container
      //-     img#img-card-code(alt="", src="", width="50", height="25")
      //-     span 点击放大图片
    //- .row.form-row.form-row-sm
    //-   .col-xs-4
    //-     .form-text 应付：
    //-     .form-container
    //-       input.form-control(name="factPrice", disabled)
    //-   .col-xs-4
    //-     .form-text 支付时间：
    //-     .form-container
    //-       input.form-control(name="paiedTime", disabled)
    //-   .col-xs-4
    //-     .form-text 支付渠道：
    //-     .form-container
    //-       select.form-control(name="payChannel", disabled)
    //- .row.form-row.form-row-sm
    //-   .col-xs-4
    //-     .form-text 支付类型：
    //-     .form-container
    //-       select.form-control(name="payType", disabled)
    //-   .col-xs-4
    //-     .form-text 订单来源：
    //-     .form-container
    //-       select.form-control(name="orderChannel", disabled)
    //-   .col-xs-4
    //-     .form-text 行车轨迹：
    //-     .form-container
    //-       img#img-card-code(alt="", src="", width="50", height="25")
    //-       span 点击放大图片

  .d-title
    span 接派单信息

  .d-content.padding20
    .row.form-row.form-row-sm
      .col-xs-3
        .form-text 车牌：
        .form-container
          input.form-control(name="autoNo", disabled)
      .col-xs-3
        .form-text 司机ID：
        .form-container
          input.form-control(name="driverId", disabled)
      .col-xs-3
        .form-text 司机姓名：
        .form-container
          input.form-control(name="driverName", disabled)
      .col-xs-3
        .form-text 司机电话：
        .form-container
          input.form-control(name="driverPhone", disabled)
    .row.form-row.form-row-sm
      .col-xs-3
        .form-text 派单类型：
        .form-container
          input.form-control(name="orderModel", disabled)
      .col-xs-3
        .form-text 到达上车地：
        .form-container
          input.form-control(name="destTime", disabled)
      .col-xs-3
        .form-text 行程时间：
        .form-container
          input.form-control(name="driveTime", disabled)
    .row.form-row.form-row-sm
      .col-xs-3
        .form-text 上车前里程：
        .form-container
          input.form-control(name="startMile", disabled)
      .col-xs-3
        .form-text 下车后里程：
        .form-container
          input.form-control(name="endMile", disabled)

  .d-bottom
    | 操作时间：
    span(data-operate) 2017-10-20 20:12:30
    | 操作人：
    span(data-opertator) 张三丰
    span.submit 确认调账


mixin textSettingForm
  .d-header
    | 操作时间：
    span(data-operate) 2017-10-20 20:12:30
    | 操作人
    span(data-opertator) 张三丰

  .d-content.padding20
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 操作时间：
        .form-container
          input.form-control(name="", disabled)
      .col-xs-4
        .form-text 操作人：
        .form-container
          input.form-control(name="", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 短信内容：
        .form-container
          textarea.form-control(name="note" placeholder="【空港专车】尊敬的乘客，您好！您近期有一笔未支付的行程，为不影响正常使用，请尽快支付。如已支付，请忽略此短信" disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 短信类型：
        .form-container
          input.form-control(name="", disabled, value="催收短信" )
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 发送时间：
        .form-container.form-inline
          label.marginR10
            input(type="radio", name="sendTime", value="结单后3天" disabled)
            span &ensp; 结单后3天
          label.marginR10
            input(type="radio", name="sendTime", value="结单后7天" disabled)
            span &ensp; 结单后7天
          label.marginR10
            input(type="radio", name="sendTime", value="结单后3天" disabled)
            span &ensp; 结单后
            input.form-control.form-width100(name="", disabled)
            span 天
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 发送频率：
        .form-container.form-inline
          label.marginR10
            input(type="radio", name="sendFrequency", value="每隔3天" disabled)
            span &ensp; 每隔3天
          label.marginR10
            input(type="radio", name="sendFrequency", value="每隔7天" disabled)
            span &ensp; 每隔7天
          label.marginR10
            input(type="radio", name="sendFrequency", value="每隔3天" disabled)
            span &ensp; 每隔
            input.form-control.form-width100(name="", disabled)
            span 天
